/* 导航样式公共参数 */
@active-color: rgba(0,255,255,1);

@active-bg: rgba(255,255,255,0.05);

@not-active-color: rgba(255,255,255,1);

// 导航背景
@menu-bg: rgba(9,38,111,1);

// 导航头部高度
@menu-header-height: 100px;

// 导航头部背景
@menu-header-bg: rgba(51,136,255,1);

// 按钮字体大小
@menu-font-size: 16x;

// 头部背景
@header-bg: rgba(51,136,255,1);

// 导航宽度
@nav-width: 320px;

// 行
.flexRow{
  display: flex;
  flex-direction: row;
}

// 列
.flexColumn{
  display: flex;
  flex-direction: column;
}

// 行占据全部
.flexRowFull{
  .flexRow;
  flex: 1;
}

// 列占据全部
.flexColumnFull{
  .flexColumn;
  flex: 1;
}

// 主内容框架
.main_content{
  background-color: #f3f3f3;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  padding: 23px 20px 20px 20px;
  // 内容
  > .contentBox {
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex: 1;
    flex-direction: column;
    border: 1px solid #e1e3eb;
    overflow: hidden;
    > .middleBox {
      box-sizing: border-box;
      padding: 0 20px;
      background-color: #fff;
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow: hidden;
    }
  }
}

// 按钮间距
.button_spacing{
  margin-left: 8px;
}